<template>
  <div>
    <!-- <input type="text" v-focus> -->
    <!-- <h1 v-focus>
      标题
    </h1> -->
    <!-- 路由视图 -->
    <div class="view">
      <router-view />
    </div>
  </div>
</template>

<script>
  // export default {
  //   // 局部指令的注册
  //   directives: {
  //     // 指令名称
  //     focus: {
  //       // 插入指令
  //       inserted(element){
  //         // element 是绑定当前指令的元素对象
  //         // console.log(element.nodeName);
  //         // 判断当前的元素是不是 input
  //         if(element.nodeName === 'INPUT'){
  //           // 让当前元素 获取焦点
  //           element.focus()
  //         }else{
  //           // 如果不是input框 错误提示
  //           // console.error('focus 仅用于 input');
  //           throw Error('focus 仅用于 input')
  //         }
  //       }
  //     }
  //   }
  // }
</script>

<style lang="scss">
/* 公用的样式 */
*{
  margin: 0;
  padding: 0;
  user-select: none;
}
.view{
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
}
// 在App.vue里面修改vant组件的样式
.van-notify--success {
    height: 50px;
}
</style>